<!DOCTYPE HTML>
<html lang="zh-CN" class="ax-vertical-centered" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图书馆管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap-theme.min.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap-admin-theme.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap-admin-theme.css}">
    <script th:src="@{/jQuery/jquery-3.1.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/bootstrap-dropdown.min.js}"></script>
</head>


<script src="../js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>


<body class="bootstrap-admin-with-small-navbar">
<nav class="navbar navbar-inverse navbar-fixed-top bootstrap-admin-navbar bootstrap-admin-navbar-under-small"
     role="navigation">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="collapse navbar-collapse main-navbar-collapse">
                    <a class="navbar-brand" href="/manage/home"><strong>欢迎使用教室资源管理系统</strong></a>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" role="button" class="dropdown-toggle" data-hover="dropdown">
                                <i class="glyphicon glyphicon-user"></i> 欢迎您，<span th:text="${session.student.name}"></span>
                                <i class="caret"></i></a>

                            <ul class="dropdown-menu">
                                <li><a href="#updateinfo" data-toggle="modal">个人资料</a></li>
                                <li role="presentation" class="divider"></li>
                                <li><a href="#updatepwd" data-toggle="modal">修改密码</a></li>
                                <li role="presentation" class="divider"></li>
                                <li><a href="/user/quit">退出</a></li>
                            </ul>

                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>

<div class="container">
    <div class="row">
        <div class="col-md-2 bootstrap-admin-col-left">
            <ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
                <li>
                    <a href="/user/siteorder"><i
                            class="glyphicon glyphicon-chevron-right"></i> 座位预约</a>
                </li>
                <li>
                    <a href="/user/ordermanage"><i
                            class="glyphicon glyphicon-chevron-right"></i> 查看和修改预约信息</a>
                </li>


                <li>
                    <a href="/notice/notice_select"><i
                            class="glyphicon glyphicon-chevron-right"></i> 消息通知&ensp;&ensp;<span th:text="${count}" class="badge" style="color: white;background-color: red"></span></a>
                </li>

                <li>
                    <a href="/user/fix"><i
                            class="glyphicon glyphicon-chevron-right"></i> 公物报修</a>
                </li>

                <li>
                    <a href="/manage/readerManage"><i
                            class="glyphicon glyphicon-chevron-right"></i> 权限申请</a>
                </li>

            </ul>


        </div>

        <div class="col-md-10">


            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">座位预约</div>
                        </div>
                        <div class="bootstrap-admin-panel-content">
                            <ul>
                                <li>查询预约自习室座位</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">查看和修改预约信息</div>
                        </div>
                        <div class="bootstrap-admin-panel-content">
                            <ul>
                                <li>查看和自己的预约信息</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">消息通知</div>
                        </div>
                        <div class="bootstrap-admin-panel-content">
                            <ul>
                                <li>查看和处理来自教师的消息通知</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">公物报修</div>
                        </div>
                        <div class="bootstrap-admin-panel-content">
                            <ul>
                                <li>向管理员提交报修申请</li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>


            <div class="row">
                <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">权限申请</div>
                        </div>
                        <div class="bootstrap-admin-panel-content">
                            <ul>
                                <li>向管理员提交权限申请</li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>


    <!------------------------------修改密码模糊框-------------------------------->

    <form class="form-horizontal">
        <div class="modal fade" id="updatepwd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            修改密码
                        </h4>
                    </div>

                    <div class="modal-body">

                        <!--正文-->
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">原密码</label>
                            <div class="col-sm-7">
                                <input type="password" class="form-control" id="oldPwd" placeholder="请输入原密码">
                                <label class="control-label" for="oldPwd" style="display: none;"></label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label  class="col-sm-3 control-label">新密码</label>
                            <div class="col-sm-7">
                                <input type="password" class="form-control" id="newPwd" placeholder="请输入新密码">
                                <label class="control-label" for="newPwd" style="display: none;"></label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label  class="col-sm-3 control-label">确认密码</label>
                            <div class="col-sm-7">
                                <input type="password" class="form-control" id="confirmPwd" placeholder="请输入确认密码">
                                <label class="control-label" for="confirmPwd" style="display: none;"></label>
                            </div>
                        </div>



                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" id="update_adminPwd">
                            修改
                        </button>
                    </div>
                </div>
            </div>
        </div>

    </form>
    <!-------------------------------------------------------------->


    <!-------------------------个人资料模糊框------------------------------------->

    <form class="form-horizontal">
        <div class="modal fade" id="updateinfo" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="ModalLabel">
                            个人资料
                        </h4>
                    </div>

                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">用户名</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="username"
                                       th:value='${session.student.name}'>
                                <label class="control-label" for="username" style="display: none;"></label>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-3 control-label">真实姓名</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="name"
                                       th:value='${session.student.name}'>
                                <label class="control-label" for="name" style="display: none;"></label>
                            </div>
                        </div>



                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" id="admin_updateInfo">
                            修改
                        </button>
                    </div>
                </div>
            </div>
        </div>

    </form>
    <!-------------------------------------------------------------->


    <div class="modal fade" id="modal_info" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="infoModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12" id="div_info"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="btn_info_close" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>


</body>
</html>